 
<t-navbar title="江氏小六壬" :fixed="false" left-arrow @left-click="handleClick" />

 


 <div class="view"> 
 
  <div class="ccc">
    <t-form
    ref="form"  
    reset-type="initial"
    show-error-message
    label-align="left"
    scroll-to-first-error="auto"   
  >
    <t-form-item label="事由" name="textValue" content-align="left">  
     <t-link class="date-link break-word"  hover>   {{ textValue }}  </t-link> 
  
    </t-form-item>
    <t-form-item label="方式" name="divinationValue" content-align="right">
     <t-link class="date-link"  hover>   {{ divinationValue }}  </t-link>
    </t-form-item>
    <t-form-item v-if="divination==1" label="日期" name="gender" content-align="right">
     <t-link class="date-link"  hover> 
       {{dateValue }}  
         </t-link>   
    </t-form-item>
    <t-form-item  v-if="divination==3"  content-align="right"   label="数字" name="numValue">  
     <t-link class="date-link"  hover> 
       {{ numValue}}
   </t-link>  
    </t-form-item> 
 
    <t-form-item   label="时辰" name="pickerValue" content-align="right">
     <t-link class="date-link"  hover> 
       {{ pickerValue }}
         </t-link> 
    </t-form-item>
  
  </t-form>
  </div>

 
   <t-row class="grid"   v-if="isDivination"   >

   

      <t-col span="8" v-for="(item, index) in sixKeysEle">
    
        <div class="tag-block"  alt="aaaa" :class="{one:item.One,two:item.Two}"> 
          <span class="liushen" 
          :class="{ goldc:item.sixGod.wuxing==4 ,
            firec:item.sixGod.wuxing==3,
            timberc:item.sixGod.wuxing==1
            ,waterc:item.sixGod.wuxing==2
            ,soilc:item.sixGod.wuxing==0
          }" 
          
          >{{SixGodKeys[item.sixGod.index]}} </span>
          <span class="wuxin"     :class="{ goldc:item.stars.wuxing==4 ,firec:item.stars.wuxing==3,timberc:item.stars.wuxing==1
            ,waterc:item.stars.wuxing==2
            ,soilc:item.stars.wuxing==0
          }">{{FiveStarsKeys[item.stars.index]}}</span>


          <span class="dizhi" v-if="item.dizhi"  :class="{ goldc:item.dizhi.wuXing==4 ,
            firec:item.dizhi.wuXing==3,
            timberc:item.dizhi.wuXing==1
            ,waterc:item.dizhi.wuXing==2
            ,soilc:item.dizhi.wuXing==0
          }" >{{item.dizhi.name}}{{WuXingKeys[item.dizhi.wuXing]}}</span>




          <span class="liuqin"    :class="{ firec:item.shen!='' }"  >{{item.sixRelations}}</span> 
          <span class="luo" v-if="item.OneName||item.TwoName||item.shen " >{{item.shen}} {{item.OneName}}{{item.TwoName}}</span>  
         <span class="palace">{{item.name}}</span>  
         <div class="five-elements"> 
        <div class="bagua" v-for="(bagua, index) in item.baguas"> 
          <span  class="yao" v-for="(yao, index) in bagua.trigram"  :class="{ yin:yao==0,yang:yao==1}"></span> 
       
         </div>  
  
        </div>


         <div class="wuxing"  :class="{ gold:item.bgwuxing==4 ,fire:item.bgwuxing==3,timber:item.bgwuxing==1
          ,water:item.bgwuxing==2
          ,soil:item.bgwuxing==0
        }"  v-if="item.dizhi" >{{WuXingKeys[item.bgwuxing]}} </div>
      </div> 
      


    </t-col> 
    </t-row>  
    <div class="wechat"> 
      <t-icon :name="'logo-wechat'" />
      <span> 易也问卦</span>
    </div>
    
    <div class="fff">
      <!--
      indicator <t-input  v-model.trim="annotation" label="批注" placeholder="可输入批注"></t-input> -->

      <t-textarea
      label="批注:" 
      v-model="annotation"
      class="textarea"
      :maxlength="500"
      placeholder="可输入批注"
    ></t-textarea>

      <div class="button-group">
        <t-button   theme="primary"  type="button"   @click="saveData"  variant="outline">保存</t-button>
        <!-- <t-button   theme="danger"  type="submit"  variant="outline">保存</t-button> -->
        <!-- <t-button size="large"  type="submit" theme="primary">保存</t-button> -->
      </div>
    </div>
    <!-- <t-form
    ref="form"  
    reset-type="empty"
    show-error-message 
    scroll-to-first-error="auto"
    @reset="handleClick"
    @submit="onSubmit"
  > -->
 
  <!-- <t-form-item label="提示" name="note">
    <t-link class="date-link"  hover>   {{ note }}  </t-link> 
  </t-form-item> -->
 


  <!-- <t-form-item  name="annotation">
  <t-input v-model.trim="annotation" borderless content-align="right" placeholder="请输入批注"></t-input>   
  -->
      <!-- <t-textarea
        v-model="annotation"
        class="textarea"
        indicator
        :maxlength="500"
        placeholder="请输入批注"
      ></t-textarea> -->
   <!-- </t-form-item>

    <div class="button-group">
 
      <t-button size="large"  type="submit" theme="primary">保存</t-button>
    </div>
  </t-form> -->


   <!-- <t-row class="footer">
      <t-col span="24" >大安: XXXXXXXXXXXXXX</t-col>
      <t-col span="24" >速喜: BBBBBBBBBBBBBBBB</t-col>
      <t-col span="24" >朱雀: XXXXXXXXXXXXXX</t-col>
      <t-col span="24" >西金: XXXXXXXXXXXXXX</t-col> 
    </t-row>   -->
  </div>